<template>
  <div class="parent">
    <fieldset>
      <legend>parent</legend>
      <h1>parent</h1>
      <child :v="msg" @suibian="dian"></child>
      <child2></child2>
    </fieldset>
  </div>
</template>
<style scoped></style>
<script>
import child from "./child.vue";
import child2 from "./child2.vue";

export default {
  components: {
    child,
    child2,
  },

  data() {
    return {
      msg: "海豚",
    };
  },
  methods: {
    dian(input) {
      console.log(input);
    },
  },
};
</script>
